.calendar-item{
  width: 100%;
}
.calendar-item-right-enter-active,
.calendar-item-right-leave-active,
.calendar-item-left-enter-active,
.calendar-item-left-leave-active {
  transition: all .6s ease;
}
.calendar-item-left-enter{
  transition-duration: 0s;
  transform: translateX(-40%);
  opacity: 0
}
.calendar-item-left-leave-active{
  transform: translateX(60%);
  opacity: 0
}

.calendar-item-right-enter{
  transition-duration: 0s;
  transform: translateX(40%);
  opacity: 0
}
.calendar-item-right-leave-active{
  transform: translateX(-60%);
  opacity: 0
}
